<!--_meta 作为公共模版分离出去-->
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
      content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<meta http-equiv="Cache-Control" content="no-siteapp"/>

<link rel="Shortcut Icon" href="./images/bitbug_favicons.ico"/>
<!--[if lt IE 9]>
<script src="./js/compatible/html5shiv.js"></script>
<script src="./js/compatible/respond.min.js"></script>
<![endif]-->
<link href="./css/h-ui/H-ui.min.css" rel="stylesheet" type="text/css"/>
<link href="./css/h-ui/iconfont.css" rel="stylesheet" type="text/css"/>
<link href="./css/h-ui/H-ui.admin.css" rel="stylesheet" type="text/css"/>
<link href="./css/util/honeySwitch.css" rel="stylesheet" type="text/css"/>
<link href="./css/util/layui.css" rel="stylesheet" type="text/css"/>
<link href="./css/style.css" rel="stylesheet" type="text/css"/>
<link href="./css/skin.css" rel="stylesheet" type="text/css" id="skin"/>
<!--[if IE 6]>
<script type="text/javascript" src="./js/compatible/DD_belatedPNG_0.0.8a-min.js"></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<!--/meta 作为公共模版分离出去-->

<title>田美物流站点系统</title>
<meta name="keywords" content="田美物流站点系统,田美物流">
<meta name="description" content="田美物流站点系统,田美物流">

</head>
<body>
<!--_header 作为公共模版分离出去-->
<header class="navbar-wrapper">
    <div class="navbar navbar-fixed-top">
        <div class="container-fluid cl"><a class="logo navbar-logo f-l mr-10 hidden-xs" href="./index.html"><img
                src="./images/logo.png" width="32"></a> <a class="logo navbar-logo-m f-l mr-10 visible-xs"
                                                           href="./index.html"><img src="./images/logo.png" width="32"></a>
            <span class="logo  f-l mr-10 f-24" style="color:#fff;">田美物流</span>
            <a aria-hidden="false" class="nav-toggle Hui-iconfont visible-xs" href="javascript:;" data-type="aside">
                &#xe68b;</a>
            <nav class="nav navbar-nav nav-collapse" role="navigation" id="Hui-navbar" style="display:none;">
                <ul class="cl" id="nav_first">
                    <li data-first="index" data-second="indexSecond" data-third="indexThird"><a>系统首页</a></li>
                    <!-- <li data-first="sales" data-second="salesSecond" data-third="salesThird"><a>销售中心</a></li> -->
                    <li data-first="operation" data-second="operationSecond" data-third="operationThird"><a>运营中心</a></li>
                    <li data-first="finance" data-second="financeSecond" data-third="financingThird"><a>财务中心</a></li>
                    <li data-first="manage" data-second="manageSecond" data-third="manageThird"><a>系统管理</a></li>
                </ul>
            </nav>
            <nav id="Hui-userbar" class="nav navbar-nav navbar-userbar hidden-xs">
                <ul class="cl mr-50">
                    <li class="dropDown dropDown_hover"><a href="#" class="dropDown_A"><i
                            class="Hui-iconfont Hui-iconfont-avatar header-avatar"></i><img class="account-avatar" id="account_avatar" src="" width="24" style="display: none;"> <span id="account"></span> <i class="Hui-iconfont">
                        &#xe6d5;</i></a>
                        <div class="dropDown-menu menu radius box-shadow personal-info">
                            <div class="title">
                                <span>账户信息</span><a href="./account-setting.html">账户设置</a>
                            </div>
                            <div class="info">

                                <!-- <p>·所在部门：<span id="section">-</span></p> -->
                                <p>·本次登录：<span id="login_time">-</span></p>
                                <p>·登录地区：<span id="login_area">-</span></p>
                                <p>·上次登录：<span id="last_login_time">-</span></p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <a href="./index.html" title="主页"><i class="Hui-iconfont Hui-iconfont-home header-icon"></i></a>
                    </li>

                   <!--  <li class="dropDown dropDown_hover" id="Hui-msg"><a href="#" class="dropDown_A" title="消息"><span class="badge badge-danger" id="message_total"></span><i
                            class="Hui-iconfont Hui-iconfont-msg header-icon"></i></a>
                        <div class="dropDown-menu menu radius box-shadow mx-message-menu">
                            <div class="title">
                                <span>订单提醒</span>
                            </div>
                            <div class="items">
                                <a href="order-list.html">已发货订单<span>(<em class="c-danger" id="hasBeenNum">-</em>)</span></a>
                                <a href="order-list.html">已完成订单<span>(<em class="c-danger" id="newCompleteOrderNum">-</em>)</span></a>
                            </div>
                        </div>
                    </li> -->
                    <li id="logout"><a href="#" title="退出"><i
                            class="Hui-iconfont Hui-iconfont-power header-icon"></i></a></li>
                </ul>
            </nav>
        </div>
    </div>
</header>
<!--/_header 作为公共模版分离出去-->

<!--_menu 作为公共模版分离出去-->
<aside class="Hui-aside">
    <div class="menu-left" id="nav_second">
        <ul data-first="index" data-second="indexSecond">
            <li data-third="indexThird">
                <a>
                    <i class="Hui-iconfont Hui-iconfont-home2"></i>
                    <p>首页</p>
                </a>
            </li>
            <li data-third="runThird">
                <a>
                    <i class="Hui-iconfont Hui-iconfont-youhuiquan"></i>
                    <p>运营</p>
                </a>
            </li>
            <li data-third="orderThird">
                <a>
                    <i class="Hui-iconfont Hui-iconfont-quanbudingdan"></i>
                    <p>订单</p>
                </a>
            </li>
        </ul>


    </div>
    <div class="menu-right" id="nav_third">
        <ul data-third="indexThird">
            <li>
                <div class="name">系统首页</div>
                <div class="lists">
                    <a href="./index.html" data-first="index" data-second="indexSecond" data-third="indexThird">· 系统首页</a>
                    <a href="./account-setting.html" data-first="index" data-second="indexSecond" data-third="indexThird">· 账户设置</a>
                    <a href="./system-message.html" data-first="index" data-second="indexSecond" data-third="indexThird">· 系统信息</a>
                    <a href="./login-log.html" data-first="index" data-second="indexSecond" data-third="indexThird">· 登录日志</a>
                </div>
            </li>
        </ul>
        <ul data-third="runThird">
            <li>
                <div class="name">人员管理</div>
                <div class="lists">
                    <a href="./person-list.html" data-first="index" data-second="indexSecond" data-third="runThird">· 人员列表</a>
                </div>
            </li>
            <li>
                <div class="name">账户管理</div>
                <div class="lists">
                    <a href="./station-info.html" data-first="index" data-second="indexSecond" data-third="runThird">· 站点信息</a>
                    <a href="./bank-list.html" data-first="index" data-second="indexSecond" data-third="runThird">· 银行卡列表</a>
                    <a href="./business-info.html" data-first="index" data-second="indexSecond" data-third="runThird">· 业务信息</a>
                    <a href="./income-info.html" data-first="index" data-second="indexSecond" data-third="runThird">· 收入明细</a>
                    <a href="./recharge-info.html" data-first="index" data-second="indexSecond" data-third="runThird">· 充值记录</a>
                    <a href="./withdrawal-info.html" data-first="index" data-second="indexSecond" data-third="runThird">· 提现记录</a>
                </div>
            </li>
        </ul>
        <ul data-third="orderThird">
            <li>
                <div class="name">快件管理</div>
                <div class="lists">
                    <a href="./stock-out.html" data-first="index" data-second="indexSecond" data-third="orderThird">· 出库订单</a>
                    <a href="./stock-in.html" data-first="index" data-second="indexSecond" data-third="orderThird">· 入库订单</a>
                </div>
            </li>
            <li>
                <div class="name">装箱管理</div>
                <div class="lists">
                    <a href="./packing-list.html" data-first="index" data-second="indexSecond" data-third="orderThird">· 装箱列表</a>
                    <a href="./devanning-list.html" data-first="index" data-second="indexSecond" data-third="orderThird">· 拆箱列表</a>
                    <a href="./transit-list.html" data-first="index" data-second="indexSecond" data-third="orderThird">· 中转列表</a>

                </div>
            </li>
        </ul>

    </div>
</aside>
<div class="dislpayArrow hidden-xs"><a class="pngfix" href="javascript:void(0);" onClick="displaynavbar(this)"></a>
</div>
<!--/_menu 作为公共模版分离出去-->

<section class="Hui-article-box">
    <nav class="breadcrumb">
        <div class="breadcrumb-wrap">
            <span class="c-666 border-left">回收站-账单列表</span>
            <a class="btn  radius r" style="line-height:1.6em;margin-top:4px;cursor:pointer;" href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i><span>刷新</span></a>
        </div>
    </nav>
    <div class="Hui-article">

        <article class="cl pd-20">
            <div class="mx-count">
                <div class="box col-xs-12 col-sm-4 col-md-3 col-lg-2">
                    <div class="col-xs-3"><i class="Hui-iconfont Hui-iconfont-order icon"></i></div>
                    <div class="col-xs-9">
                        <h5 class="c-999">总账单数</h5>
                        <p class="c-666" id="totalcount"></p>
                    </div>
                </div>
                <div class="box col-xs-12 col-sm-4 col-md-3 col-lg-2">
                    <div class="col-xs-3"><i class="Hui-iconfont Hui-iconfont-jifen icon"></i></div>
                    <div class="col-xs-9">
                        <h5 class="c-999">总未还款金额</h5>
                        <p class="c-666" id="totalmoney"></p>
                    </div>
                </div>
            </div>
            <div class="mx-box">
                <div class="mx-title" ><h5 class="pl-15">筛选查询</h5>
                    <div class="mx-title-right">
                        <span class="f-12 mr-10 slectShow" style="color:#999999;cursor: pointer;"><i class="Hui-iconfont rotate-top mr-5" style="display:inline-block;">&#xe63d;</i>收起筛选</span>
                        <!-- <a id="normalSearch" class="btn btn-default-outline radius">查询结果</a> -->
                    </div>
                </div>
                <div class="mx-content select-wrap">
                    <div class="goods-select col-xs-12 col-sm-6 col-md-4 col-lg-3">
                        <span>输入搜索：</span><input id="loanSn" type="text" class="input-text radius size-M" placeholder="订单编号">
                    </div>
                    <div class="goods-select col-xs-12 col-sm-6 col-md-4 col-lg-3" style="display: inline-block;position:relative;">
                        <span>提交时间：</span>
                        <input type="text" id="time" placeholder="请选择时间" class="input-text radius" readonly="readonly" >
                        <i class="Hui-iconfont Hui-iconfont-shijian" style="position:absolute;top: 6px;right: 32px;"></i>
                    </div>
                    <div class="goods-select col-xs-12 col-sm-6 col-md-4 col-lg-3">
                        还款状态：
                        <span class="select-box radius" style="width:170px;">
                                <select class="select" id="stateSelect">
                                    <option value="" selected>全部</option>
                                    <option value="0">还款中</option>
                                    <option value="1">已还款</option>
                                    <option value="2">已逾期</option>

                                </select>
                        </span>
                    </div>
                    <div class="goods-select col-xs-12 col-sm-6 col-md-4 col-lg-3">
                        <a id="normalSearch" class="btn btn-default-outline radius"><i class="Hui-iconfont Hui-iconfont-search1 mr-5"></i>查询</a>
                    </div>

                </div>
            </div>
            <div class="mx-box">
                <!-- <div class="mx-title"><h5 class="pl-15">数据列表</h5>
                    <div class="mx-title-right">

                    <span class="select-box radius">
                        <select id="changeSize" class="select" size="1" name="demo1">
                            <option value="显示条数" selected>显示条数</option>
                            <option value="5">5</option>
                            <option value="10">10</option>
                            <option value="15">15</option>
                            <option value="20">20</option>
                            <option value="30">30</option>

                        </select>
                    </span>
                    <span class="select-box radius">
                        <select id="changeDesc" class="select">
                            <option value="排序方式" selected>排序方式</option>
                            <option value="" >正序</option>
                            <option value="desc">倒序</option>
                        </select>
                    </span>
                    </div>
                </div> -->
                <div class="mx-content">
                    <table class="table table-border table-bordered table-bg table-hover">
                        <thead>
                        <tr>
                            <th class="text-c">订单编号</th>
                            <th class="text-c">账单人</th>
                            <th class="text-c">提交时间</th>
                            <th class="text-c">订单金额</th>
                            <th class="text-c">期数</th>
                            <th class="text-c">未还款金额</th>
                            <th class="text-c">还款状态</th>
                            <th class="text-c">操作</th>
                        </tr>
                        </thead>
                        <tbody id="List">
                            <!-- <tr>
                                <td class="text-c">201707196398345</td>
                                <td class="text-c">2017-07-19 14:48:38</td>
                                <td class="text-c">¥200.00</td>
                                <td class="text-c">6</td>
                                <td class="text-c">¥0.00</td>
                                <td class="text-c">已结清</td>
                                <td class="text-c">
                                    <a class="handle view" href="./finance-bill-detail.html">查看订单</a>
                                </td>
                            </tr> -->
                        </tbody>
                        <tfoot>
                        <tr>
                            <td colspan="8" style="border-right:none;">
                                <div class="r" id="page">

                                </div>
                            </td>
                        </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </article>
        <!--footer-->
        <footer class="footer">
    <p>
        Copyright © <a href="http://www.svtar.com/" target="_blank" title="福建省芒星网络科技服务有限公司"> www.svtar.com</a> All Rights Reserved.<br/>Email : 313778568@qq.com  QQ: 313778568
    </p>
</footer>
        <!--/footer-->
    </div>
</section>

<!--script 公用脚本-->
<script src="./js/lib/jquery.min.js"></script>
<script src="./js/lib/H-ui.min.js"></script>
<script src="./js/util/layui.js"></script>
<script src="./js/util/H-ui.admin.page.js"></script>
<script src="./js/util/honeySwitch.js"></script>
<script src="./js/util/jquery.qrcode.min.js"></script>
<script src="./js/public/jquery.cookie.js"></script>
<script src="./js/public/md5.js"></script>
<script src="./js/public/public.js"></script>
<script src="./js/public/api.js"></script>
<script src="./js/public/common.js"></script>
<script src="./js/public/widget.js"></script>
<!--/script 公用脚本-->
<!--请在下方写此页面业务相关的脚本-->
<script src="./js/recovery-bill-list.js"></script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>